<template>
  <div
    class="wrap-item"
    :style="{
      '--scroll-width': '40px',
    }"
  >
    <div class="wrap-other-roll">
      <el-tabs v-model="activeName">
        <el-tab-pane label="接口列表" name="first">
          <api-list :isChange="activeName" />
        </el-tab-pane>
        <el-tab-pane label="服务已授权列表" name="second">
          <authorization-list :isChange="activeName" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import apiList from './components/apiList'
import authorizationList from './components/authorizationList'
export default {
  components: { apiList, authorizationList },
  data() {
    return {
      activeName: 'first',
    }
  },
}
</script>
